/*
	TimeLine 时间滑动插件 by　ＬｉＲｏｎｇ
	https://git.oschina.net/codediy/Time_Lime.git

*/
*{margin: 0;padding: 0;}
ul,li{list-style: none;}
.time-wrap{position: relative;width: 835px;margin: 200px auto;}
.time-line{height: 6px;background: #ddd;border-radius: 3px;overflow: hidden;width: 100%;}
.cur-line{height: 6px;background: #9fd367;z-index: 22;position: absolute;}
.yearNum{position: relative; z-index: 25; height: 8px; overflow: hidden;/* top: 9px;*/margin-top: -7px;}
.yearNum li{float: left;width: 15px;height: 8px;margin-left: 1px;background:rgba(241, 232, 232, 0.26);}
.yearNum li:hover{background:rgba(172, 222, 126, 0.8);cursor: pointer;}
.time_tag{top: 20px;}
.yearNum li.time_tag {width: 15px; background: #ddd; }
.yearNum li.time_tag span {position: absolute; top: 17px; width: 34px; }
.yearNum li.time_tag span{position: absolute;top: 10px;width: 50px;}
.poiner{    width: 16px; height: 16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border: 1px solid #AAA; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#DDD)); background-image: -webkit-linear-gradient(top, #EEE, #DDD); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #EEE, #DDD); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);top: -5px;cursor: col-resize;    opacity: 1;    z-index: 30;position: absolute;}
.tag{position: absolute; width: 55px; background: #9fd367; border-radius: 3px; top: 25px; font-size: 12px; color: #fff;_color:#000; text-align: center; height: 20px; line-height: 20px; margin-left: -20px;}
.tag:after{content: ""; width: 0px; height: 0px; overflow: hidden; border: 6px solid rgba(0, 0, 0, 0); border-bottom-color: #9fd367; position: absolute; right: 21px; top:-12px;}
 .year{position: absolute; top: 12px; font-size: 8px; color: #666;}
 .year-1{left:62px; }
 .year-2{left:269px; }
 .year-3{left: 478px;}
 .year-4{left: 686px;}